<template>
    <div class="home-wrap">
        <div class="public-banner">
            <img src="../assets/image/home-banner.jpg" alt="">
        </div>
        <div class="public-content slideInUp">
            <div class="case-wrap">
                <div class="case-top">
                    <h2>
                        <span class="color-green">展示互动</span>门户网站</h2>
                    <p>PORTAL WEB</p>
                </div>
                <div class="case-bottom-list">
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-content ">
            <div class="case-wrap">
                <div class="case-top">
                    <h2>
                        <span class="color-green">行业</span>O2O网站</h2>
                    <p>O2O WEBSITE</p>
                </div>
                <div class="case-bottom-list slideInLeft">
                    <div class="case-bottom-item ">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-content ">
            <div class="case-wrap">
                <div class="case-top">
                    <h2>
                        <span class="color-green">电商</span>商城网站</h2>
                    <p>WALL</p>
                </div>
                <div class="case-bottom-list slideInLeft">
                    <div class="case-bottom-item ">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                    <div class="case-bottom-item">
                        <img src="../assets/image/case1.png" alt="">
                        <div class="line"></div>
                        <div class="line"></div>
                        <h3> 企业展示官网</h3>
                        <p> THE EXHIBITION'S OFFICIAL WEBSITE</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-content ">
            <div class="case-wrap">
                <div class="case-top">
                    <h2>
                        <span class="color-green">精品广告</span>设计风格</h2>
                    <p>DESIGN</p>
                </div>
                <div class="top-title-desc color-green">高端大气，上档次，全站H5动画效果，冲击您的感观效果</div>
                <div class="design-list">
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287072_1495762400.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287133_1495762640.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287138_1495762651.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287072_1495762400.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287133_1495762640.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                    <div class="design-item">
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1144/2287138_1495762651.png?x-oss-process=image/resize,m_fixed,w_360,h_220,limit_0"
                            alt="">
                        <div class="design-item-mask"></div>
                    </div>
                </div>
                <div class="loader-more">
                    <a class="loader-more-btn" href="javascript:;">查看更多</a>
                </div>
            </div>
        </div>
        <div class="bg-green">
            <div class="public-content">
                <div class="case-wrap">
                    <div class="case-top">
                        <h2>
                            超强网站功能集合</h2>
                        <p>FUNCTION SET</p>
                    </div>
                    <div class="top-title-desc color-green">300多个网站功能组件，让您自由选择</div>
                    <div class="func-set">
                        <div class="func-set-left-list">
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                        </div>
                        <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288806_1495768109.png?x-oss-process=image/resize,m_fixed,w_585,h_430,limit_0"
                            alt="">
                        <div class="func-set-right-list">
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                            <div class="func-set-item">
                                <img src="http://aimg8.dlszyht.net.cn/module/simplepic/1461000/1145/2288553_1495767426.png?x-oss-process=image/resize,m_fixed,w_64,h_60,limit_0"
                                    alt="">
                                <p>30项</p>
                                <span>会员功能</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
    }
</script>
<style lang="scss" scoped>
    @import "../assets/sass/home.scss";
</style>t